.dark-fade {
background-image: url(/assets/uploads/waves.jpeg);
background-image: -webkit-gradient(linear,left bottom,right top,from(#a772ff),to(#0083dd));
background-image: linear-gradient(to right top,#a772ff,#0083dd)
}

.about h1 {
margin-bottom: 45px
}

.about [data-module="HTML"] {
margin-bottom: 90px
}

main {
background-color: #f9fbfd!important
}

.home h1.extra-bold {
font-size: 3.5rem!important
}

.navigation .logo {
max-height: 72px
}

.page.header.gradient.gradient-purple-blue {
background-image: -webkit-gradient(linear,left bottom,right top,from(red),to(#0083dd));
background-image: linear-gradient(to right top,red,#0083dd)
}

.form-text.text-muted {
font-size: 0.8rem
}

.home .automate-social-header .shape-main.shadow {
background-color: rgba(23,45,87,0.65);
-webkit-transform: translate(19%,10px) rotate(-30deg);
transform: translate(19%,10px) rotate(-30deg)
}

.automate-social-header .shape-top {
top: 0;
background-image: linear-gradient(-57deg,#22048b 0%,#24262e 100%);
-webkit-transform: rotate(30deg) translate3D(-45%,-45%,0);
transform: rotate(30deg) translate3D(-45%,-45%,0);
max-height: 560px;
-webkit-box-shadow: 0 0 25px 50px rgb(74 97 209 / 50%);
box-shadow: 0 0 25px 50px rgb(74 97 209 / 50%)
}

.construction {
width: 100%;
background-color: #b22234;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
text-align: center;
padding: 4px;
margin: 8px 0
}

@media (min-width:992px) {
.automate-social-header .main-shape-wrapper {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: 48%;
max-height: 300px
}

.automate-social-header .container {
padding-top: 7rem!important;
padding-bottom: 7rem!important
}

h1{
 margin: 0 0 3rem;   
}
}